@charset UTF-8;

/**footer**/

.footer_contact
{

background: url(../images/footer_bg.jpg) no-repeat center;
}
.footer_c
{max-width: 1340px;padding: 0px 20px;margin: auto;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.footer_c_left
{width: 20%;float: left;}
.footer_c_right
{
	float: right;
	width: 80%;
}
.footer_c_right ul
{display: flex;width: 100%;justify-content: flex-end;}

.footer_c_right ul li
{

}
.footer_c_right ul li:nth-of-type(1)
{background: url(../images/jl_55.png) no-repeat left center;padding: 10px 100px 10px 60px;}
.footer_c_right ul li:nth-of-type(2)
{background: url(../images/jl_58.png) no-repeat left center;padding: 10px 0px 10px 60px;}

.footer_c_right ul li p
{
	color: #fff;
	font-size: 16px;
}
.footer_c_right ul li p a
{
	color: #fff;
}


.footer_c_right ul li p:nth-of-type(1)
{
	font-size: 14px;
	opacity: 0.7;
	margin-bottom: 4px;
}


.bq_c {
	max-width: 100%;
	overflow: hidden;
	padding: 30px 0px;
	margin: auto;
	border-top: 1px #3d3d3d solid;
}

.bq {
	max-width: 100%;
	overflow: hidden;
	margin: auto;
}

.bq a {
	color: #979797;
	margin-left: 10px;
}

.bq_left {
	width: 50%;
	float: left;
	color: #979797;
	text-align: left;
}

.bq_right {
	width: 30%;
	float: right;
	text-align: right;
}



.footer_main_ce {
	max-width: 1340px;
	margin: auto;
	padding: 0px 20px;
	overflow: hidden;
}

.footer_main {
	background: #1b1b1b;
	overflow: hidden;
	width: 100%;
	min-height: 304px;
}
.active_bg .footer_main
{
	background: url(../images/footer_bg.png)#f6f6f6 no-repeat left bottom;
}


.footer_main_center {
	max-width: 100%;
	overflow: hidden;
	margin: auto;
	padding: 60px 0px 60px;
	display: flex;
	justify-content: space-around;
	border-top: 1px #3d3d3d solid;
	margin-top: 60px;
}

.footer_center
{
	float: left;
	text-align: right;
	max-width: 170px;
}
.footer_center img{
	width:100%;
}


.footer_left
{
	float: left;
	text-align: right;
	width: calc(100% - 470px);
	padding-right: 5%;
}
.footer_left ul li
{
	width: auto;
	float: left;
	padding-left: 10%;
	text-align: left;
}

.footer_right
{
	width: 300px;
	float: left;
}

.footer_right ul
{
	display: block;
}
.footer_right ul li
{
	display: block;
}

.footer_right ul li.tel
{
	line-height: 2.2em;
	margin-bottom: 30px;
}
.footer_right ul li.tel p
{color: #fff;font-size: 32px;line-height: 1.5em;}

.footer_right ul li.add
{
	line-height: 1.6em;
}


.footer_right ul li p
{
	font-size: 15px;
	color: #979797;
	line-height: 2em;
	font-family: arial !important;
}
.footer_right ul li span
{
	color: #fff;
	font-size: 15px;
}
.footer_right ul li.add span
{
	color: #fff;
	font-size: 16px;
}


.footer_right p
{
	width: 100%;
}
.footer_right p span
{
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 10px;
	color: #5c5c5c;
}


.footer_left ul li:nth-last-of-type(1)
{
padding-right: 0px;
}

.footer_navyj
{
	font-size: 16px;
	color: #ffffff !important;
	padding-bottom: 10px;
	display: block;
}

.footer_navej a
{
	display: block;
	font-size: 15px;
	color: #979797;
	line-height: 2.4em;
	text-align: left;
}
.footer_navej a:hover
{
	color:#fff;
	opacity:1;
}


.amap-copyright {
    bottom: 5px;
}



.fh_top
{width: 60px;height: 60px;position: fixed;right: 20px;bottom: 20px;transition: all 0.5s;opacity: 0;z-index: 99;}

.fh_top.active
{
	opacity:1;
}


.fh_top::before
{
    content: "\f106";
    width: 60px;
    height: 60px;
    display: block;
    font-size: 24px !important;
    color: #fff;
    text-align: center;
    line-height: 60px;
    background: #c52620;
    cursor: pointer;
    font-family: FontAwesome;
    border-radius: 4px;
    transition: all 0.3s;
}

.fh_top:hover:before
{
	background:#e81a12;
}


.service
{position: relative;overflow: hidden;width: 100%;}

.service_list_img img
{

width: 100%;
}



.service_list .text
{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);overflow: hidden;}

.service_list .text .title
{text-align: center;font-size: 45px;color: #c52620;font-weight: bold;}
.service_list .text .title span
{display: block;font-size: 18px;font-weight: normal;margin-top: 15px;color: #fff;}

.service_list .text .link
{text-align: center;margin-top: 40px;}
.service_list .text .link a
{display: inline-block;width: 200px;line-height: 60px;color: #fff;text-align: center;font-size: 16px;border: 1px #fff solid;margin: 0px 10px;}

.service_list .text .link a:nth-of-type(1)
{
	background: #c52620;
	border: 1px #c52620 solid;
}